<template>
	<view class="newBody">
		
		
	<mescroll-body  ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
		<!--加工单号-->
		<template v-if="TASK_Index==1"> 
			<view :class="['CartItem',carIndex==i?'showCarbg':'']"  v-for="i in 10" :key="i" @tap="carChange(i)">
				<text class="carText">开工时间：2021-12-10</text>
				<text class="carText">结束时间：2021-12-10</text>
				<text class="carText">加工编号：QD-DF-DSADSAD-SADSADASD</text>
			</view>
		</template>
	</mescroll-body>
		
		
	</view>
</template>

<script>
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data(){
			return{
				TASK_Index:'',//上页面传的index
				carIndex:0,
				// 下拉刷新的配置
				downOption: {
					auto: false,
					beforeEndDelay: 300
				},
				// 上拉加载的配置
				upOption: {
					auto: false,
					page: {
						size: 10 // 每页数据的数量,默认10
					},
					noMoreSize: 5, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示
					empty: {
						tip: '暂无相关数据'
						// icon: this.$staticUrl + '/xcxImgs/wushuju.png'
					},
					textNoMore: '没有更多数据了...',
					toTop: {
						// src: this.$baseUrl + '/images/WechatIMG748.png', //回到顶部的logo
						offset: 1000 // 滚动多少才显示to-top 
					}
				},
				// 视频列表数据
				videoList: []
			}
		},
		
		onLoad(e) {
			if('index' in e){
				this.TASK_Index = e.index;
				//1.加工单号
				let str = '';
				switch (Number(this.TASK_Index))
				{
				    case 1:
				    str = '加工单号';;
				    break;
					case 2:
					str = '产品名称';;
					break;
					case 3:
					str = '工序名称';
					break;
					// default:
				 //    default处理不存在情况;
				}
				uni.setNavigationBarTitle({title: str});
			};
			
		},
		
		
		
		methods:{
			
			 
			//加工单号
			carChange(index){
				this.carIndex = index;
				if(this.TASK_Index==1){ 
					let obj = {index:this.TASK_Index,ProcessingNumber:'qewqeq-qewe'};
					uni.$emit('otherFun',obj);
					setTimeout(()=>{
						uni.navigateBack({delta:1});
					},800)
				}
			},
			
			/*下拉刷新的回调*/
			downCallback() {
				// 下拉刷新和上拉加载调同样的接口,直接mescroll.resetUpScroll()即可
				setTimeout(()=>{this.mescroll.resetUpScroll();},1000)
			},
			
			/*上拉加载的回调*/
			upCallback(page) {
				// let obj = {
				// 	page: page.num, // 页码, 默认1
				// 	limit: page.size, // 页长, 默认10条
				// 	category_id: this.gxFlData[this.showIndex].id
				// };
				this.mescroll.endBySize(0, 0);
				// getCategoryVideoList(obj)
				// 	.then(res => {
				//        if (res.code !=1) {
				//        	this.mescroll.endBySize(0, 0);
				//        	return;
				//        };
				//        if (res.data.length > 0) {
				//        	// 接口返回的当前页数据列表 (数组)
				//        	let curPageData = res.data;
				//        	// 接口返回的当前页数据长度 
				//        	let curPageLen = curPageData.length;
				//        	// 接口返回的总数据量
				//        	let totalSize = res.total;
				//        	if (page.num == 1) this.videoList = []; //如果是第一页需手动置空列表
				//        	this.videoList = this.videoList.concat(curPageData); //追加新数据
				//        	// 请求成功,隐藏加载状态
				//        	this.mescroll.endBySize(curPageLen, totalSize);
				//        } else {
				//        	this.videoList = [];
				//        	this.mescroll.endBySize(0, 0);
				//        }
				// 	})
			},
			
		}
	}
</script>

<style scoped lang="scss">
	.newBody{
		width:750rpx;
		height:100%;
		background-color:white;
	}
	.CartItem{
		width:720rpx;
		margin:15rpx auto;
		padding: 30rpx 0rpx;
		border:1rpx dashed #555555;
		border-radius:25rpx;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
		.carText{
			margin-left:5rpx;
			font-size:30rpx;
			padding:5rpx 15rpx;
		}
	}
	
	.showCarbg{
		background-color:#88bbef;
	}
</style>
